import React, { Component } from "react";

import "./xhbBankCard.scss";

/**
 * 描述：
 * 作者：zenghq
 * 日期：2020-06-01
 */
class xhbBankCard extends Component {
	constructor(props) {
		super(props);
		this.state = {};
	}
	/*******************生命周期 start************************/
	componentDidMount = () => {};
	componentWillUnmount = () => {};
	/*******************生命周期 end************************/

	/*******************业务方法 start************************/
	/*******************业务方法 end************************/

	/*******************点击事件 start************************/
	/*******************点击事件 end************************/

	/**渲染 */
	render() {
		const { src, disabled, money, electronicCardNo, onClick } = this.props;
		return (
			<section onClick={onClick} className="xhb_bank_car-box">
				<img src={src} alt="logo" className="logo-img" />
				<div className="text-box">
					<div>
						<div className="name">华通银行</div>
						{money ? <div className="money">账户余额 {money}元</div> : ""}
					</div>

					{disabled ? <div className="msg">(该账户无法操作)</div> : ""}
					<div className={disabled ? "text" : "text mgt_34"}>
						{electronicCardNo}
					</div>
				</div>
			</section>
		);
	}
}

export default xhbBankCard;
